<template>
  <div class="Home-container" v-loading="listLoading">
    <div class="home-img" id="row_container">
      <img class="img" src="@/assets/images/zhubaobao.png" />
      <!-- 我是商务局/消协 首页 -->
    </div>
  </div>
</template>

<script>
// import * as api from "@/api/home";
// import * as api2 from "@/api/pending-order";
// import PromptDialog from "./components/PromptDialog";
// import MobilephoneDialog from "@/components/Mobile/index.vue";
// import { mapGetters } from "vuex";
// import store from "@/store";
// import { getId } from "@/utils/auth";

// const defaultListQuery = {
//   current: 1,
//   size: 10,
//   total: 0
// };

// const defaultList = {
//   salesRank: [],
//   notice: []
// };

// const defaultOperData = {
//   page: {
//     records: []
//   }
// };

export default {
  name: "Home",
  // components: {
  //   PromptDialog,
  //   MobilephoneDialog
  // },
  data() {
    return {
      listLoading: false,
      // listLoading2: true,
      // listQuery: Object.assign({}, defaultListQuery),
      // list: Object.assign({}, defaultList),
      // operData: Object.assign({}, defaultOperData),
      // showTipsDialog: false, // 开通钱包提示
      // mobileDialog: false, // 手机号提示
      // promptDialogData: {
      //   dialogVisible: false,
      //   value: "",
      //   id: ""
      // },
      // detailDialogData: {
      //   dialogVisible: false,
      //   value: "",
      //   id: ""
      // }
    };
  },
  // computed: {
  //   userId() {
  //     return getId();
  //   },
  //   ...mapGetters([
  //     "accountStatus",
  //     "info",
  //     "accountType",
  //     "bindPhone",
  //     "permission_routes",
  //     "roles"
  //   ]),
  //   operStatData() {
  //     return [
  //       {
  //         todayCount: this.operData.todayCount,
  //         yesterdayCount: this.operData.yesterdayCount,
  //         currentSevenCount: this.operData.currentSevenCount,
  //         currentMonthCount: this.operData.currentMonthCount,
  //         totalCount: this.operData.totalCount
  //       }
  //     ];
  //   },
  //   monthData() {
  //     return [
  //       { name: "本月新增会员", count: this.list.addStoreCount },
  //       { name: "本月新增品牌商", count: this.list.addMerchantCount },
  //       { name: "本月新增服务商", count: this.list.addServiceMerchantCount },
  //       { name: "本月新增品牌数（天网）", count: this.list.zzBrandCount },
  //       { name: "本月新增品牌数（地网）", count: this.list.fzBrandCount },
  //       /*{ name: '本月新增SKU数（天网）', count: this.list.zzSkuCount },
  //       { name: '本月新增SKU数（地网）', count: this.list.fzSkuCount },*/
  //       { name: "本月新增SPU数（天网）", count: this.list.addSkyNetSPUCount },
  //       {
  //         name: "本月新增SPU数（地网）",
  //         count: this.list.addGroundGridSPUCount
  //       }
  //     ];
  //   },
  //   onlineData() {
  //     return [
  //       { name: "在线会员", count: this.list.onlineStoreCount },
  //       { name: "在线品牌商数", count: this.list.onlineMerchantCount },
  //       { name: "在线服务商数", count: this.list.onlineServiceMerchantCount },
  //       { name: "在线品牌数（天网）", count: this.list.onlineZzBrandCount },
  //       { name: "在线品牌数（地网）", count: this.list.onlineFzBrandCount },
  //       /*{ name: '在线SKU数（天网）', count: this.list.onlineZzSkuCount },
  //       { name: '在线SKU数（地网）', count: this.list.onlineFzSkuCount },*/
  //       { name: "在线SPU数（天网）", count: this.list.onlineSkyNetSPUCount },
  //       { name: "在线SPU数（地网）", count: this.list.onlineGroundGridSPUCount }
  //     ];
  //   },
  //   operateData() {
  //     return [
  //       { name: "总会员数", count: this.list.allStoreCount },
  //       { name: "总品牌商数", count: this.list.allMerchantCount },
  //       { name: "总服务商数", count: this.list.allServiceMerchantCount },
  //       { name: "总品牌数（天网）", count: this.list.allZzBrandCount },
  //       { name: "总品牌数（地网）", count: this.list.allFzBrandCount },
  //       /*{ name: '总SKU数（天网）', count: this.list.allZzSkuCount },
  //       { name: '总SKU数（地网）', count: this.list.allFzSkuCount },*/
  //       { name: "总SPU数（天网）", count: this.list.allSkyNetSPUCount },
  //       { name: "总SPU数（地网）", count: this.list.allGroundGridSPUCount }
  //     ];
  //   }
  // },
  // created() {
  //   this.getList().then(res => {
  //     this.getSysOper();
  //   });
  // },
  // watch: {
  //   accountStatus: {
  //     immediate: true,
  //     handler(val) {
  //       const hasRole = this.permission_routes.some(item => {
  //         if (item.children) {
  //           return item.children.some(t => {
  //             return t.path == "wallet";
  //           });
  //         }
  //       });
  //       if (hasRole && this.userId != 1) {
  //         let accountOpeningStatus = val == "-1" ? false : val; //// 开户状态
  //         this.mobileDialog =
  //           accountOpeningStatus && !this.bindPhone ? true : false;
  //         this.showTipsDialog = !val || val == "-1";
  //       }
  //     }
  //   }
  // },
  // methods: {
  //   closeDialog() {
  //     this.mobileDialog = false;
  //   },
  //   jumpAccount() {
  //     // -1为未开户，其他为开过户但是没审核通过
  //     const accountType = this.accountType;
  //     console.log(this.accountStatus, 123);
  //     if (this.accountStatus == "-1") {
  //       this.$router.push("/account-manage/tips");
  //     } else {
  //       const path =
  //         accountType == "1"
  //           ? "/account-manage/openAccount"
  //           : "/account-manage/aloneOpenAccount";
  //       this.$router.push(path);
  //     }
  //   },
  //   handleSizeChange(val) {
  //     this.listQuery.current = 1;
  //     this.listQuery.size = val;
  //     this.getList();
  //   },
  //   handleCurrentChange(val) {
  //     this.listQuery.current = val;
  //     this.getList();
  //   },
  //   // 点击查看更多跳转到产品销售排行榜
  //   moreClick() {
  //     this.$router.push({ path: "/report-analysis/product-sell" });
  //   },
  //   // 删除
  //   handleDelete(index, row) {
  //     this.$confirm("确定删除此条消息?", "提示", {
  //       confirmButtonText: "确定",
  //       cancelButtonText: "取消",
  //       type: "warning"
  //     }).then(() => {
  //       this.listLoading = true;
  //       api2
  //         .deleteSysMessage({
  //           id: row.id
  //         })
  //         .then(() => {
  //           this.listLoading = false;
  //           this.$message({
  //             message: "删除成功！",
  //             type: "success",
  //             duration: 3000
  //           });
  //           this.getList();
  //         })
  //         .catch(() => {
  //           this.listLoading = false;
  //         });
  //     });
  //   },
  //   moreDynamicClick() {
  //     this.$router.push({ path: "/dynamic" });
  //   },
  //   /* 获取首页信息 */
  //   getList() {
  //     let that = this;
  //     return new Promise(function(resolve, reject) {
  //       that.listLoading = true;
  //       api
  //         .getList({})
  //         .then(response => {
  //           that.listLoading = false;
  //           that.list = response.data;
  //           resolve();
  //         })
  //         .catch(error => {
  //           that.listLoading = false;
  //         });
  //     });
  //   },
  //   // 获取访客日志
  //   getSysOper() {
  //     this.listLoading = true;
  //     api
  //       .getSysOper({ current: 1, size: 10 })
  //       .then(response => {
  //         this.operData = response.data;
  //         this.listLoading = false;
  //         if (this.userId != 1 && store.getters.info.openAcctStatus != 1) {
  //           this.promptDialogData.dialogVisible = true;
  //         }
  //       })
  //       .catch(() => {
  //         this.listLoading = false;
  //       });
  //   }
  // }
};
</script>
<style lang="scss" scoped>
.worker-num {
  display: flex;
}
.grid-content {
  flex: 1;
  margin-right: 20px;
  text-align: center;
  padding: 30px 0;
  border-radius: 10px;
  color: white;
}
.grid-content:last-of-type {
  margin-right: 0;
}
.grid-content > div:nth-child(1) {
  font-size: 16px;
}

.grid-content > div:nth-child(2) {
  font-size: 16px;
  font-weight: 600;
}
.grid-content.bg-blue {
  background-color: rgb(67, 107, 240);
}
.grid-content.bg-orange-light {
  background-color: #f19445;
}

.grid-content.bg-orange {
  background-color: rgb(241, 118, 69);
}

.grid-content.bg-purple {
  background-color: rgb(236, 105, 241);
}

.grid-content.bg-blue-sky {
  background-color: rgb(83, 209, 241);
}

.grid-content > div:nth-child(2) {
  margin-top: 10px;
}

.el-row {
  padding: 20px;
}

#row_container {
  padding: 10px 20px;
}

.el-row .title {
  padding-bottom: 10px;
}

.el-table {
  background: white;
}

.title_container {
  display: flex;
}

.table_th {
  background-color: #ccc;
  padding: 20px 10px;
  font-size: 16px;
  font-weight: 600;
}

.table_more {
  border: 1px solid #ebeef5;
  border-top: none;
  padding: 12px 0;
  text-align: center;
  font-size: 14px;
  color: rgb(163, 163, 163);
  cursor: pointer;
}
.table_more:hover {
  opacity: 0.7;
}

.block {
  position: absolute;
  left: 35%;
  bottom: -30px;
}
.home-img .img {
  max-width: 700px;
  width: 100%;
  position: absolute;
  top: 40%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
}
.home-img {
  width: 100%;
  position: relative;
  min-height: calc(100vh - 84px);
}
</style>
